<div class="row">
    <div class="twelve columns">
        <div class="content body">

            <div class="row">
                <div class="eleven columns centered">
                    <div class="row">
                        <div class="six columns">
                            <button class="button radius small"><i class="icon-plus"></i> Add User</button>
                        </div>
                        <div class="six columns">
                            <div class="row collapse right">
                                <div class="eight mobile-three columns">
                                    <input type="search" />
                                </div>
                                <div class="four mobile-one columns">
                                    <button class="button small postfix">Search</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="eleven columns centered">
                    <div class="datagrid">
                        <table>
                            <thead>
                                <tr>
                                    <th>User ID</th>
                                    <th>Email</th>
                                    <!-- <th>Active</th> -->
                                    <th>Created</th>
                                    <th>Updated</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <td colspan="5">
                                        <div id="paging">
                                            <ul>
                                                <li ui-if="lUser.prev_cursor"><a eat-click ng-click="prev('user')" href="#"><span>&laquo; Previous</span></a></li>
                                                <li ui-if="lUser.next_cursor"><a eat-click ng-click="next('user')" href="#"><span>Next &raquo;</span></a></li>
                                            </ul>
                                        </div>
                                    </tr>
                                </td>
                            </tfoot>
                            <tbody>
                                <tr ui-if="loading[0]"><td colspan="5">Loading...</td></tr>
                                <tr ng-repeat="user in lUser.users" ng-class-even="'alt'">
                                    <td>{{ user.id }}</td>
                                    <td>{{ user.email }}</td>
                                    <td>{{ user.created|date:'short' }}</td>
                                    <td>{{ user.updated|date:'short' }}</td>
                                    <td>
                                        <ul class="button-group radius">
                                            <li><button class="button alert tiny"><i class="icon-ban-circle"></i> Deactivate</button></li>
                                            <li><button class="button tiny"><i class="icon-edit"></i> Edit</button></li>
                                        </ul>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>